// import styles from '../../index.less';
import React, { useState, useEffect, memo } from 'react';
import { Tabs, Table } from 'antd';
import kls from 'classnames';
import { CloseOutlined, PhoneOutlined, EnvironmentOutlined } from '@ant-design/icons';
import layerUtils from '@/utils/arcgis/layer/index';
import { jsapi, viewUtils } from '@/utils/arcgis';

const columns = [
  {
    title: '编号',
    dataIndex: 'mpNum',
  },
  {
    title: '采集时间',
    dataIndex: 'cotTime',
  },
  {
    title: '出料时间',
    dataIndex: 'remark1',
  },
  {
    title: '强度等级',
    dataIndex: 'strengthGrade',
  },
  {
    title: '浇筑部位',
    dataIndex: 'placePart',
  },
  {
    title: '搅拌时间',
    dataIndex: 'stirTime',
  },
  {
    title: '实际骨料1',
    dataIndex: 'stone1',
  },
  {
    title: '实际骨料2',
    dataIndex: 'stone2',
  },
  {
    title: '实际骨料3',
    dataIndex: 'stone3',
  },
  {
    title: '实际骨料4',
    dataIndex: 'stone4',
  },
];

function Cement({ cementData = [] }) {
  return (
    <Table
      rowKey={'id'}
      columns={columns}
      size="small"
      dataSource={cementData}
      pagination={false}
      scroll={{ y: 180 }}
    />
  );
}

export default Cement;
